<template>
	<div class="footer">
		<router-link to="/home"><span class="iconfont icon-shouye"></span><br/>首页</router-link>
		<router-link to="/message"><span class="iconfont icon-xiaoxi"></span><br/>消息</router-link>
		<router-link to="/note"><span class="iconfont icon-biji"></span><br/>笔记</router-link>
		<router-link to="/user"><span class="iconfont icon-wo"></span><br/>我</router-link>
	</div>
</template>

<script>
export default{
	
}
</script>

<style scoped="scoped">
	.footer{
		width: 100%;
		height: 0.53rem;
		font-size: 0.12rem;
		display: flex;
		justify-content: space-around;
		position: fixed;
		bottom: 0;
		padding-top: 0.1rem;
		border-top: 1px solid #fbfbfb;
		background-color: #f7f7f7;
		z-index: 9;
	}
	.iconfont{
		font-size: 0.23rem;
	}
	a{
		text-decoration: none;
		text-align: center;
		color: #6c6c6c;
	}
	.router-link-active{
		color: #2367c7;
	}
</style>
